﻿<!DOCTYPE html>
<html lang="zh">

<head resource>
    <meta charset="utf-8">
    <include file="../inc/meta.inc" />
    <title>详细信息</title>
</head>

<body>

    <div id="vapp" v-cloak>
        <page_header ref='header' @login="acc=>account = acc" @load="(o,c,p)=>{organ=o,config=c,platinfo=p}">loading ...
        </page_header>

        <context class="first">
            <section>
                <card>
                    <card-title>
                        <icon style="font-size: 23px;">&#xe687</icon>详细信息
                    </card-title>
                    <card-context>
                        <el-form ref="account" :model="account" :rules="accrules" size="medium" @submit.native.prevent
                            label-width="80px">
                            <el-form-item label="姓名" prop="Ac_Name">
                                <el-input v-model="account.Ac_Name" style="width:180px" clearable>
                                    <icon slot="prefix">&#xe808</icon>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="性别">
                                <el-radio-group v-model="account.Ac_Sex">
                                    <el-radio-button label="1">男</el-radio-button>
                                    <el-radio-button label="2">女</el-radio-button>
                                    <el-radio-button label="0">未知</el-radio-button>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="年龄" prop="Ac_Age">
                                <el-input-number v-model="account.Ac_Age" style="width:180px"></el-input-number>
                            </el-form-item>
                            <el-form-item label="身份证" prop="Ac_IDCardNumber">
                                <el-input v-model="account.Ac_IDCardNumber">
                                    <icon slot="prefix">&#xe68f</icon>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="学员组">

                                <el-tooltip content="点击更改学员组" v-if="sortexist" effect="light" placement="right">
                                    <el-tag type="success" class="btnsort" @click="sortpanel=true"> {{accsort.Sts_Name}}
                                    </el-tag>
                                </el-tooltip>
                                <el-tooltip content="点击设置学员组" v-else effect="light" placement="right">
                                    <el-tag type="info" class="btnsort" @click="sortpanel=true"> 未设置学员组</el-tag>
                                </el-tooltip>
                            </el-form-item>
                            <el-form-item label="电子邮箱" prop="Ac_Email">
                                <el-input v-model="account.Ac_Email">
                                    <icon slot="prefix">&#xe76e</icon>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="学历" prop="Ac_Education">
                                <education :value="account.Ac_Education" @change="val=>account.Ac_Education=val">
                                </education>
                            </el-form-item>
                            <el-form-item label="专业" prop="Ac_Major">
                                <el-input v-model="account.Ac_Major">
                                    <icon slot="prefix">&#xe84b</icon>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="" class="btns">
                                <el-button type="primary" native-type="submit" define="enter" :loading="loading" plain
                                    @click="btnEnter('account')">
                                    确认
                                </el-button>
                                <el-button type="success" native-type="submit" :loading="loading" plain
                                    @click="btnJump()">
                                    跳过 <icon>&#xe6c6</icon>
                                </el-button>
                            </el-form-item>
                        </el-form>
                    </card-context>
                </card>
            </section>

            <!-- 学员组的选择-->
            <el-dialog title="学员组" :visible.sync="sortpanel" class="sortpanel" width="500px" :show-close="false">
                <template slot="title">
                    <span>
                        <icon>&#xe67d</icon>选择学员组
                    </span>
                    <el-input placeholder="查询" v-model="sortquery.search" clearable style="width: 200px;"
                        @keyup.enter.native="sortpaper(1)" @clear="sortpaper(1)" @blur="sortpaper(1)">
                        <i slot="suffix" @click="sortpaper(1)" class="el-input__icon el-icon-search"
                            style="cursor:pointer"></i>
                    </el-input>
                </template>
                <template v-if="sorts.length>0">
                    <div v-for="(item,i) in sorts" class="sort" @click="sortselect(item)" title="点击选择当前组">
                        <span>{{i+1+sortquery.size*(sortquery.index-1)}} . </span>{{item.Sts_Name}}
                    </div>
                </template>
                <div v-else>
                    没有满足条件的内容
                </div>
                <template slot="footer">
                    <el-pagination v-on:current-change="sortpaper" :current-page="sortquery.index" :page-sizes="[1]"
                        :page-size="sortquery.size" :pager-count="5" layout="total, prev, pager, next"
                        :total="sort.total">
                    </el-pagination>
                    <el-button @click="sortpanel = false">取 消</el-button>
                </template>
            </el-dialog>
        </context>
        <page_footer :organ="organ" v-if="true">loading ...</page_footer>
    </div>


</body>

</html>